<template>
<!-- 基础数据--管材与设备-->
    <div>
        <!--参数切换-->
        <div>
            <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick"
                     style="margin-top: 10px;margin-left: 10px;width: auto;">
                <!--流体参数-->
                <el-tab-pane label="管材参数" name="pipeMaterialData">
                    <div style="margin-top: 20px;margin-left:0px">
                        <el-form :model="pipeMaterial"
                                 label-width="100px"
                                 ref="pipeMaterial">
                            <el-form-item label="管材名称" prop="name">
                                <el-input v-model.trim="pipeMaterial.name" style="width: 200px"></el-input>
                            </el-form-item >
                            <el-form-item label="管材密度" prop="pipeDensity">
                                <el-input v-model.trim="pipeMaterial.density" style="width: 200px"></el-input>
                            </el-form-item >
                            <el-form-item label="弹性模量" prop="elasticModulus">
                                <el-input v-model.trim="pipeMaterial.elasticModulus" style="width: 200px"></el-input>
                            </el-form-item >
                            <el-form-item label="许用应力" prop="allowableStress">
                                <el-input v-model.trim="pipeMaterial.allowableStress" style="width: 200px"></el-input>
                            </el-form-item >
                            <el-form-item label="导热系数" prop="thermalConductivity">
                                <el-input v-model.trim="pipeMaterial.thermalConductivity" style="width: 200px"></el-input>
                            </el-form-item >
                            <el-form-item label="泊松比" prop="poissonRatio">
                                <el-input v-model.trim="pipeMaterial.poissonRatio" style="width: 200px"></el-input>
                            </el-form-item >
                            <el-form-item>
                                <el-button @click="cancel">清空</el-button>
                                <el-button type="primary" @click="confirm">确 定</el-button>
                            </el-form-item>
                        </el-form>
                    </div>
                </el-tab-pane>
                <el-tab-pane label="泵参数" name="pumpData">
                    <pump-table></pump-table>
                </el-tab-pane>
                <el-tab-pane label="阀参数" name="valveData">
                    <valve-table></valve-table>
                </el-tab-pane>
                <el-tab-pane label="绘图demo" name="demo">
                    <demo></demo>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>
<script>
    import pump from "@/components/basicData/basicDataFacility/pump.vue";
    import valve from "@/views/2basicData/basicDataFacility.vue";
    import demo from "@/components/basicData/basicDataFacility/demo.vue";
    export default {
      name:'basicDataPipe',
      components: {
        "pump-table": pump,
        "valve-table":valve,
        "demo":demo,
      },
      data(){
        return{
          activeName:'pipeMaterialData',
          pipeMaterial:{
            name:'',
            density:'',
            elasticModulus:'',
            allowableStress:'',
            thermalConductivity:'',
            poissonRatio:'',
          },
        }
      },
      mounted() {
      },
      methods:{
        handleClick(tab){

        },
        cancel(){

        },
        confirm(){

        },
      },
    }
</script>
<style>

</style>
